<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 1. 把axios工具引入 -->
    <script src="./axios.js"></script>
</head>
<body>
    <script>
        // 目标：请求湖北省下的城市的数据
        // 注意： params中的参数会先经过url编码之后出现在 "url?" 后面
        // http://hmajax.itheima.net/api/area?pname=%E6%B9%96%E5%8C%97%E7%9C%81&cname=%E6%AD%A6%E6%B1%89%E5%B8%82
        axios({
            url: 'http://hmajax.itheima.net/api/area',
            method: 'GET',
            params: {
                // 键值对
                pname: "湖北省",
                cname: "武汉市"
            }
        }).then(res => {
            // res: 是服务器响应的数据
            console.log(res)
        })
    </script>
</body>
</html>